<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>

<body>
    <h3>判断条件语句</h3>

    <script>
        // if 语句

        // if else 语句

        // if else if else if 语句


        // 书写:
        // 在编程过程中,把握两点, 1. 取值 2. 赋值
        // 第一种判断
        var flag = true;
        if (flag) {
            console.log("条件成立 1.0 ")
        }

        // 第二种判断:
        var userAccount = "wx183000";
        var userPassword = "123123";
        if (userAccount == "wx183666" && userPassword == "123456") {
            console.log("登录成功! 2.0");
        } else {
            console.log("登录失败! 2.0");
        }

        // 第三种判断: 
        //  var tea_size = "小杯";


        // 备注: prompt 是系统自带的输入弹窗,在实际开发中我是通常是自定义输入弹窗
        // 输入弹窗
        var tea_size = window.prompt("请输入你需要的奶茶!,例如,大杯 ");

        if (tea_size == "大杯") {
            console.log("点的是大杯奶茶!");

        } else if (tea_size == "中杯") {
            console.log("点的是中杯奶茶!");

        } else if (tea_size == "小杯") {
            console.log("点的是小杯奶茶!");
        } else {
            console.log("点的不是奶茶");
        }


        var username = "luoke";
        var password = 13169223513;

        if (username == "luoke" && password == 1319223513) {
            console.log("这个是骆柯的电话号码");
        } else {
            console.log("这个不是骆柯的电话号码");
        }

        var naicha = window.prompt("请输入你需要什么奶茶？");
        if (naicha == "烤奶") {
            console.log("你点的是烤奶");
        } else if (naicha == "冰激凌") {
            console.log("你点的是冰激凌");
        } else if (naicha == "蜂蜜柚子茶") {
            console.log("你点的是蜂蜜柚子茶");
        } else {
            console.log("你点的不是奶茶");
        }
    </script>
</body>

</html>